@divWidth: 90%;
@color1: rgb(81, 69, 65);
@color2: rgb(158, 62, 47);
@color3: rgba(168, 160, 157, 0.247059);
@fontSize: 16px/1.4em;
@border: 1px dashed rgba(0, 0, 0, 0.34902);
@font1: 'Courier New';
@font2: Enriqueta;

body {
  font-size: 10px;
  font-family: Arial,Helvetica,sans-serif;
  overflow-y: scroll;
  overflow-x: auto;
}

#wrapper {
  background: url("../img/bg.png");
  width: 100%;
  background-size: auto;
  background-color: @color1;
  height: 100%;
  background-position: 50% 0%;
  background-repeat: repeat repeat;
  position: fixed;
}

#page-content {
  width: 80%;
  min-height: 1378px;
  position: relative;
  margin: 0 auto;
}

.modal {
  position: fixed;
  z-index: 12;
  left: 0px;
  top: 0px;
  width:100%;
  height:100%;
  text-align:center;
  background-color: rgba(0, 0, 0, 0.74902);
}

.round {
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;  
}

a {
  text-decoration: none;
}

.fontStyle1(@color) {
  font: normal normal bold 16px/1.4em @font1, monospace;
  color: @color;
}

.fontStyle2(@color) {
  font: normal normal bold 28px/1.4em @font2, serif;
  color: @color;
}

.content {
  width: @divWidth;
  left: 40px;
  position: relative;
}

.show {
  visibility: visible;
}

.hide {
  display : none !important;
}

.hideScroll {
  overflow: hidden;
}

.btnClose {
  width: 36px;
  height: 36px;
  position: absolute;
  top: -17px;
  right: -17px;
  background: url("../img/modal.png");
  cursor: pointer;
}

.tableUser {
  width: 100%;
  height: 50%;
  font-family: cursive;
  color: red;
  font-size: large;
}

.input {
  float:left;
}

ul {
  list-style-type: none;
}

.item {
  display: inline-table;
  overflow: hidden;
  width: 163px;
  height: 225px;
  position: relative;
  padding-bottom: 8px;
  border: 1px solid transparent;
  margin-left: 3%;
}

.item-img {
  width: 100%;
  height: 165px;
}

.item-name {
  text-align: center;
  .fontStyle1(@color1);
  margin: 0px;
  line-height: normal;
  letter-spacing: normal;
  margin-top: 8px;
  padding-top: 10px;
  overflow: hidden;
  text-overflow: ellipsis;
  height: 18px;
  white-space: nowrap;
  width: 163px;
}

.item-bot {
  height: 100%;
}

.items a:hover {
  border: 1px solid @color3;
}

.items a:hover .item-bot {
  background-color: @color3;
}

.item-price {
  text-align: center;
  .fontStyle1(@color2);
}
